<div class="row">
    <div class="col-md-2 padding-r-0">
        <vc:create path="shop/adminShop"></vc:create>
    </div>
    <div class="col-md-10">
        <div class="white-bg padding-left padding-right padding-top border-radius-top">
            <div class="flex justify-between" v-if="aShopDataInfo.shopId">
                <div class="text-title">
                    店铺详情
                </div>
                <div>

                </div>
            </div>
            <!-- 业主信息 -->
            <div class="margin-top" v-if="aShopDataInfo.shopId">
                <div class="row" >
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="店铺名称：" namespace="aShopDataInfo"></vc:i18n>
                            </label>
                            <label class="">{{aShopDataInfo.shopName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="店铺类型：" namespace="aShopDataInfo"></vc:i18n>
                            </label>
                            <label class="">{{aShopDataInfo.shopTypeName || '-'}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="商家名称：" namespace="aShopDataInfo"></vc:i18n>
                            </label>
                            <label class="">{{aShopDataInfo.storeName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="商家地址：" namespace="aShopDataInfo"></vc:i18n>
                            </label>
                            <label class="">{{aShopDataInfo.storeAddress || '-'}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="联系电话：" namespace="aShopDataInfo"></vc:i18n>
                            </label>
                            <label class="">{{aShopDataInfo.storeTel || '-'}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="店铺状态：" namespace="aShopDataInfo"></vc:i18n>
                            </label>
                            <label class="">{{aShopDataInfo.stateName || '-'}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="注册时间：" namespace="aShopDataInfo"></vc:i18n>
                            </label>
                            <label class="">{{aShopDataInfo.createTime || '-'}}</label>
                        </div>
                    </div>
                </div>

            </div>
            <div class="vc-line-primary margin-top" v-if="aShopDataInfo.shopId"></div>

            <div class="margin-top-sm">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailProduct'}"
                            v-on:click="changeTab('aShopDetailProduct')">
                            <vc:i18n name="商品" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailCategory'}"
                            v-on:click="changeTab('aShopDetailCategory')">
                            <vc:i18n name="商品分组" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailHouse'}"
                            v-on:click="changeTab('aShopDetailHouse')">
                            <vc:i18n name="仓库" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailServ'}"
                            v-on:click="changeTab('aShopDetailServ')">
                            <vc:i18n name="家政服务" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailInstock'}"
                            v-on:click="changeTab('aShopDetailInstock')">
                            <vc:i18n name="入库记录" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailOutstock'}"
                            v-on:click="changeTab('aShopDetailOutstock')">
                            <vc:i18n name="出库记录" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailVip'}"
                            v-on:click="changeTab('aShopDetailVip')">
                            <vc:i18n name="会员" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailOrder'}"
                            v-on:click="changeTab('aShopDetailOrder')">
                            <vc:i18n name="订单" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link"
                            v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailRefundOrder'}"
                            v-on:click="changeTab('aShopDetailRefundOrder')">
                            <vc:i18n name="退货" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailGroup'}"
                            v-on:click="changeTab('aShopDetailGroup')">
                            <vc:i18n name="拼团商品" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link"
                            v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailGroupOrders'}"
                            v-on:click="changeTab('aShopDetailGroupOrders')">
                            <vc:i18n name="拼团订单" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link"
                            v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailRefundGOrders'}"
                            v-on:click="changeTab('aShopDetailRefundGOrders')">
                            <vc:i18n name="拼团退单" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailSeckill'}"
                            v-on:click="changeTab('aShopDetailSeckill')">
                            <vc:i18n name="秒杀商品" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link"
                            v-bind:class="{active:aShopDataInfo._currentTab == 'aShopDetailSeckillOrders'}"
                            v-on:click="changeTab('aShopDetailSeckillOrders')">
                            <vc:i18n name="秒杀订单" namespace="aShopDetail"></vc:i18n>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="white-bg padding-left padding-right padding-top border-radius-bottom">
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailProduct'">
                <vc:create path="goods/aShopDetailProduct"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailCategory'">
                <vc:create path="shop/aShopDetailCategory"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailHouse'">
                <vc:create path="shop/aShopDetailHouse"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailServ'">
                <vc:create path="housekeeping/aShopDetailServ"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailInstock'">
                <vc:create path="goods/aShopDetailInstock"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailOutstock'">
                <vc:create path="goods/aShopDetailOutstock"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailVip'">
                <vc:create path="user/aShopDetailVip"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailOrder'">
                <vc:create path="order/aShopDetailOrder"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailRefundOrder'">
                <vc:create path="order/aShopDetailRefundOrder"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailGroup'">
                <vc:create path="group/aShopDetailGroup"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailGroupOrders'">
                <vc:create path="order/aShopDetailGroupOrders"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailRefundGOrders'">
                <vc:create path="order/aShopDetailRefundGOrders"></vc:create>
            </div>

            <div v-if="aShopDataInfo._currentTab == 'aShopDetailSeckill'">
                <vc:create path="goods/aShopDetailSeckill"></vc:create>
            </div>
            <div v-if="aShopDataInfo._currentTab == 'aShopDetailSeckillOrders'">
                <vc:create path="order/aShopDetailSeckillOrders"></vc:create>
            </div>

        </div>
    </div>
</div>